<!DOCTYPE html>
<html>
	<head>
		<!-- 引入资源 -->
		{include file="common/head"}
	</head>
	<body style="transform: none; position: relative;">
		<!-- 顶部导航 -->
		{include file="common/menu"}
		<div class="banner">
			<div class="container-xxl">
				<div class="banner-body">
					<div id="slide-banner" class="carousel slide carousel-fade">
						<!-- 轮播调用 -->
						<div class="carousel-inner">
							{hkcms:adv name="banner"}
							<div class="carousel-item {if $i==1} active {/if}">
								<a href="{$item.url}" class="links"></a>
								<img src="{$item.image}" class="sm-none">
								<img src="{$item.image}" class="d-none sm-block">
							</div>
							{/hkcms:adv}
						</div>
						<ul class="control">
							<li><a href="JavaScript:;" role="button" data-bs-target="#slide-banner"
									data-bs-slide="prev"></a>
							</li>
							<li><a href="JavaScript:;" role="button" data-bs-target="#slide-banner"
									data-bs-slide="next"></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="recommend">
			<div class="container-xxl">
				<div class="recommend-body">
					<!-- 导航分类 -->
					{hkcms:adv name="nav"}
					<div class="recommend-item">
						<a href="{$item.url}" class="links"></a>
						<div class="item-icon"
							style="background:center no-repeat url({$item.image});background-size:cover;">
							<i style="opacity:0;"></i>
						</div>
						<div class="item-main">
							<h2 class="title">
								{$item.title}
								<span class="badge">GO&gt;</span>
							</h2>
							<p class="desc"></p>
						</div>
					</div>
					{/hkcms:adv}
				</div>
			</div>
		</div>

		<div class="list-ordinary">
			<div class="container-xxl">
				<div class="row">
					<div class="col-lg-8">
						<div class="list-ordinary-wrap">

							<!-- 置顶，推荐，热点 -->
							{hkcms:content model="1"  order="weigh asc,publish_time desc" num="10"}
							{php} $type=explode(',',$item['flags_raw']); {/php}
							{if in_array('top',$type)}
							<div class="item">
								<div class="item-left">
									<div class="thumbnail">
										<a href="{$item.url}"><img src="{$item.thumb}" alt="{$item.title}"></a>
									</div>
								</div>
								<div class="item-right">
									<div class="title">
										<h3>
											{hkcms:volist name="item.flags" id="vo" key="kk"}
											<span class="treetop bg-0{$kk}">{$vo.title}</span>
											{/hkcms:volist}
											<a href="{$item.url}">{$item.title}</a>
										</h3>
									</div>
									<div class="data">
										<span><i></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
										<span><i></i>{$item.views}</span>
										<!-- <span><i></i>3</span> -->
									</div>
									<div class="desc">
										<p>{$item.description}</p>
									</div>
									<div class="tag">
										{hkcms:taglist arcid="$item.id" id="arc" model="$item.model_id"}
										<a href="javascript:;" title="{$arc.title}">{$arc.title}</a>
										{/hkcms:taglist}
									</div>
								</div>
								<div class="links"><a href="/blog/19"><i></i>{:__('Description')}</a></div>
							</div>
							{else}
							<div class="item">
								<div class="item-left">
									<div class="thumbnail">
										<a href="{$item.url}"><img src="{$item.thumb}" alt="{$item.title}"></a>
									</div>
								</div>
								<div class="item-right">
									<div class="title">
										<h3>
											{hkcms:volist name="item.flags" id="vo" key="kk"}
											<span class="treetop bg-0{$kk}">{$vo.title}</span>
											{/hkcms:volist}
											<a href="{$item.url}">{$item.title}</a>
										</h3>
									</div>
									<div class="data">
										<span><i></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
										<span><i></i>{$item.views}</span>
										<!-- <span><i></i>3</span> -->
									</div>
									<div class="desc">
										<p>{$item.description}</p>
									</div>
									<div class="tag">
										{hkcms:taglist arcid="$item.id" id="arc" model="$item.model_id"}
										<a href="javascript:;" title="{$arc.title}">{$arc.title}</a>
										{/hkcms:taglist}
									</div>
								</div>
								<div class="links"><a href="/blog/19"><i></i>{:__('Description')}</a></div>
							</div>
							{/if}
							{/hkcms:content}

						</div>
					</div>
					{include file="common/right"}
				</div>
			</div>
		</div>
		<!-- 引入底部 -->
		{include file="common/footer"}
	</body>
</html>